@import "~taro-ui/dist/style/components/image-picker.scss";
@import "~taro-ui/dist/style/components/icon.scss";

.login {
  input {
    background-color: #f2f2f2;
    margin-bottom: 20px;
    height: 100px;
    padding: 0 50px;
  }
  .code {
    display: flex;
    height: 100px;
    margin-bottom: 50px;
    button {
      height: 100px;
      line-height: 100px;
      font-size: 28px;
      width: 190px;
      margin-left: 10px;
    }
  }
}
.agreement {
  view:first-of-type {
    text-align: center;
    padding-bottom: 40px;
    margin-bottom: 40px;
    font-size: 40px;
    border-bottom: solid 1px #999;
  }
  view:nth-of-type(2) {
    text-indent: 64px;
    margin-bottom: 50px;
  }
  view:last-of-type {
    display: flex;
    button {
      width: 325px;
      height: 100px;
      line-height: 100px;
      margin: 0;
      font-size: 28px;
      &:last-of-type {
        color: rgb(255, 0, 0);
      }
    }
  }
}
.datum {
  input {
    background-color: #f2f2f2;
    margin-bottom: 20px;
    height: 100px;
    padding: 0 50px;
  }
  .map {
    width: 100%;
    height: 300px;
  }

  .btn-area {
    margin: 10px;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #ccc;
  }
  .sel {
    display: flex;
    .picker {
      flex: 3;
      margin-right: 10px;
      input {
        padding: 0 10px;
        text-align: center;
      }
    }
    input {
      flex: 7;
    }
  }
}
.photo {
  .hint {
    font-size: 24px;
    background-color: #f2f2f2;
    padding: 10px;
    margin-bottom: 50px;
  }
  .cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 650px;
    .up {
      width: 325px;
      padding: 20px;
      box-sizing: border-box;
      text-align: center;
      .img_button {
        margin-top: 20px;
        width: 200px;
        height: 200px;
        line-height: 180px;
        font-size: 100px;
      }
    }
  }
}
.means {
  .text {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
    view {
      padding-bottom: 15px;
      margin-bottom: 15px;
      border-bottom: #ccc solid 1px;
      color: #999;
    }
  }
  .img {
    display: flex;
    image {
      flex: 1;
      margin-right: 30px;
      width: 140px;
      height: 140px;
      &:last-of-type {
        margin-right: 0;
      }
    }
  }
}

//公共样式
.tit {
  font-size: 80px;
  font-weight: 800;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  View:last-of-type {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    overflow: hidden;
    image{
      width: 100px;
      height: 100px;
    }
  }
}
.next {
  margin-top: 100px;
  background-color: #27c3fd;
}
.but {
  display: flex;
  margin-top: 100px;
  button {
    flex: 1;
    margin-right: 30px;
    &:last-of-type {
      background-color: #27c3fd;
    }
  }
}
